.my-content {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
}
.my-content-top {
    position: relative;
    width: 100%;
    height: 15.857rem;
    background: url('../img/my-background.png') no-repeat;
    background-size: cover;
}
.head-portrait {
    position: absolute;
    top: 2.285rem;
    right: 1rem;
    width: 1.428rem;
    height: 1.428rem;
}
.head-portrait img {
    width: 100%;
    height: 100%;
}
.my-name {
    display: inline-block;
    width: 100%;
    height: 4.285rem;
    margin-top: 5.285rem;
}
.my-name-l {
    font-size: 2.142rem;
    color: #fff;
    margin-left: 1.428rem;
}
.my-name-r {
    width: 4.285rem;
    height: 4.285rem;
    margin-right: 1.428rem;
}
.my-name-r img {
    width: 100%;
    height: 100%;
}
.balance {
    width: 100%;
    height: auto;
}
.balance span {
    display: block;
    color: #fff;
    padding-left: 1.428rem;
}
.balance span:last-child {
    font-size: 2.285rem;
    margin-top: 0.5rem;
}
.my-content-bottom {
    width:100%;
    margin-top: 1.857rem;
}
.content-list {
    width: 94%;
    margin: 0 auto;
}
.content-list li {
    position: relative;
    width: 100%;
    height: 4.785rem;
    line-height: 4.785rem;
    border-radius: 0.571rem;
    background: #fff;
    margin-top: 1.428rem;
}
.content-list li span:first-child {
    width: 3.285rem;
    height: 3.285rem;
    margin-top: 1rem;
}
.content-list li span:first-child img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.content-list li span:last-child {
    font-size: 1.142rem;
    margin-left: 1rem;
}

